<!--
 * @Author: liaoyu1992 1519778181@qq.com
 * @Date: 2022-11-04 13:24:33
 * @LastEditors: liaoyu1992 1519778181@qq.com
 * @LastEditTime: 2022-11-07 23:00:39
 * @FilePath: \kgantt\core\components\tasklist\TaskListHeaderDefault.vue
 * @Description: 表头
-->
<template>
    <div
      class="ganttTable"
      :style="'font-family:' + fontFamily + ';fontSize:' + fontSize"
    >
      <div
        class="ganttTable_Header"
        :style="'height:' + (headerHeight - 2) + 'px'"
      >
        <div
          class="ganttTable_HeaderItem"
          :style="'min-width:' + rowWidth"
        >
          &nbsp;Name1
        </div>
        <div
          class="ganttTable_HeaderSeparator"
          :style="
            'height:' +
            headerHeight * 0.5 +
            'px;margin-top:' +
            headerHeight * 0.2 +
            'px'
          "
        ></div>
        <div
          class="ganttTable_HeaderItem"
          :style="'min-width:' + rowWidth"
        >
          &nbsp;From1
        </div>
        <div
          class="ganttTable_HeaderSeparator"
          :style="
            'height:' +
            headerHeight * 0.5 +
            'px;margin-top:' +
            headerHeight * 0.25 +
            'px'
          "
        ></div>
        <div
          class="ganttTable_HeaderItem"
          :style="'min-width:' + rowWidth"
        >
          &nbsp;To1
        </div>
      </div>
    </div>
  </template>
  <script lang="ts" setup>
  defineProps({
    headerHeight: {
      type: Number,
      default: 0,
    },
    rowWidth: {
      type: String,
      default: "",
    },
    fontFamily: {
      type: String,
      default: "",
    },
    fontSize: {
      type: String,
      default: "",
    },
  });
  </script>